
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap 优站精选</title>
    <meta name="description" content="Bootstrap 优站精选收集了大量漂亮、有创意的、基于 Bootstrap 构建的网站，为广大 Bootstrap 学习和开发者提供了大量优秀的参考样板。" />

    <meta name="HandheldFriendly" content="True" />
    <meta name="MobileOptimized" content="320" />

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="http://www.youzhan.org/assets/css/site.min.css?v=501376e68c" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

    <script>
        function imgLoaded(img) {
            var imgWrapper = img.parentNode;
            imgWrapper.className += imgWrapper.className? ' loaded' : 'loaded';
        }
    </script>

    <link rel="canonical" href="http://www.youzhan.org/" />
    <link rel="next" href="http://www.youzhan.org/page/2/" />
    <meta name="generator" content="Ghost 0.6" />
    <link rel="alternate" type="application/rss+xml" title="Bootstrap 优站精选" href="http://www.youzhan.org/rss/" />
    <script id="ad-template" type="text/x-handlebars-template">
        {{#each ads}}
        <div class="col-xs-12 col-md-6">
            <article class="post tag-ad">
                <h2 class="post-title">
                    <a href="{{url}}" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', '{{{title}}}'])" target="_blank">{{{title}}}</a>
                </h2>
                <div class="post-featured-image">
                    <a class="thumbnail" href="{{url}}" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', '{{{title}}}'])" target="_blank">
                        <img src="{{img}}" width="700" height="438" alt="{{{title}}}" onload="imgLoaded(this)">
                    </a>
                </div>
            </article>
        </div>
        {{/each}}
    </script>

    <script>

        /*var ads=
        [
          {
            "title": "Jekyll",
            "url": "https://www.jekyll.com.cn",
            "img": "http://assets.youzhan.org/img/7/b1/c3be279ad9eb8d9ee60b306c42ca0.jpg!md"
          },
            {
            "title": "Ghost中文网",
            "url": "http://www.ghostchina.com/",
            "img": "http://assets.youzhan.org/img/4/c8/82cc9654d57db3ffd45f2382d1937.jpg!md"
          },
          {
            "title": "Laravel中文网",
            "url": "http://www.golaravel.com/",
            "img": "http://assets.youzhan.org/img/a/a8/7201564a9f321051043b4db37e616.jpg!md"
          },
          {
            "title": "BootCDN",
            "url": "https://www.bootcdn.cn/",
            "img": "http://assets.youzhan.org/img/8/13/042b25c349336f6a113d1a07812ad.jpg!md"
          }

        ];*/

    </script>

    <!-- Favicons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://www.byton.com/assets/ico/apple-touch-icon-144-precomposed.png?v=501376e68c">
    <link rel="shortcut icon" href="https://www.byton.com/assets/ico/favicon.png?v=501376e68c">

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?15c141dd41d16b47f32d4c5476e1f6f4";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body class="home-template">



<div class="header" style="background-image: url(http://assets.youzhan.org/img/d/dd/2de797545de56274f03a5920eb3a1.jpg)">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="logotxt"><h1><a href="http://www.youzhan.org">Bootstrap<br><span style="font-size:60%;font-weight:normal;">优站精选</span></a></h1></div>
            </div>
        </div>

    </div>
</div>
<main class="main" role="main">
    <div class="container">
        <div class="row" id="post-list">

            <div class="col-xs-12 col-sm-6">
                <article class="post tag-foreign-website tag-bootstrap-v3">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/byton/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', 'Byton'])" target="_blank">Byton</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/byton/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', 'Byton'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/3/37/cf6b79c015e10e6a9c98622b4aced.jpg!md" width="531" alt="Byton" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="https://www.byton.com/">Byton</a></p>
                    </div>
                </article>
            </div>


            <div class="col-xs-12 col-sm-6">
                <article class="post tag-bootstrap-v3 tag-opensource-project">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/compodoc/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', 'Compodoc'])" target="_blank">Compodoc</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/compodoc/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', 'Compodoc'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/2/56/a833a68f7a57a45ca04198faa483c.jpg!md" width="531" alt="Compodoc" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="https://compodoc.github.io/website/">Compodoc</a></p>
                    </div>
                </article>
            </div>


            <div class="col-xs-12 col-sm-6">
                <article class="post tag-foreign-website tag-bootstrap-v3 tag-opensource-project">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/pears/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', 'PeARS'])" target="_blank">PeARS</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/pears/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', 'PeARS'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/9/4d/277b9fb5b3a0c97e49ce1d3c3d335.jpg!md" width="531" alt="PeARS" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="http://pearsearch.org/">PeARS</a></p>
                    </div>
                </article>
            </div>


            <div class="col-xs-12 col-sm-6">
                <article class="post tag-foreign-website tag-bootstrap-v3">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/visual-studio-code/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', 'Visual Studio Code'])" target="_blank">Visual Studio Code</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/visual-studio-code/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', 'Visual Studio Code'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/a/03/772cec53ab290841dd99c8d74b332.jpg!md" width="531" alt="Visual Studio Code" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="https://code.visualstudio.com/">Visual Studio Code</a></p>
                    </div>
                </article>
            </div>


            <div class="col-xs-12 col-sm-6">
                <article class="post tag-foreign-website tag-bootstrap-v3">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/vi/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', 'vi'])" target="_blank">vi</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/vi/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', 'vi'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/8/f4/d8ece1342920b4388c8174d349925.jpg!md" width="531" alt="vi" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="https://vi.ai/">vi</a></p>
                    </div>
                </article>
            </div>


            <div class="col-xs-12 col-sm-6">
                <article class="post tag-foreign-website tag-bootstrap-v3">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/helphero/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', 'HelpHero'])" target="_blank">HelpHero</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/helphero/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', 'HelpHero'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/8/34/102a079ba7c2d66ba4f1abbd0fdbd.jpg!md" width="531" alt="HelpHero" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="https://helphero.co/">HelpHero</a></p>
                    </div>
                </article>
            </div>


            <div class="col-xs-12 col-sm-6">
                <article class="post tag-foreign-website tag-bootstrap-v3">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/crazycall/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', 'CrazyCall'])" target="_blank">CrazyCall</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/crazycall/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', 'CrazyCall'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/d/9a/6b638248ca769019615b630b17645.jpg!md" width="531" alt="CrazyCall" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="https://www.crazycall.com/">CrazyCall</a></p>
                    </div>
                </article>
            </div>


            <div class="col-xs-12 col-sm-6">
                <article class="post tag-foreign-website tag-bootstrap-v3">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/xing-ba-ke/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', '星巴克'])" target="_blank">星巴克</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/xing-ba-ke/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', '星巴克'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/d/20/8305a1ae99bc794dafca1df04f9e6.jpg!md" width="531" alt="星巴克" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="https://www.starbucks.com.cn/">星巴克</a></p>
                    </div>
                </article>
            </div>


            <div class="col-xs-12 col-sm-6">
                <article class="post tag-foreign-website tag-bootstrap-v3">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/d2c/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', 'D2C'])" target="_blank">D2C</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/d2c/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', 'D2C'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/2/78/c20a2eb2088577b7f4c29a00a2df3.jpg!md" width="531" alt="D2C" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="https://d2c.io/">D2C</a></p>
                    </div>
                </article>
            </div>


            <div class="col-xs-12 col-sm-6">
                <article class="post tag-foreign-website tag-bootstrap-v3 tag-opensource-project">
                    <h2 class="post-title">
                        <a href="https://www.byton.com/redash/" onclick="_hmt.push(['_trackEvent', 'titlelink', 'click', 'Redash'])" target="_blank">Redash</a>
                    </h2>
                    <div class="post-featured-image">
                        <a class="thumbnail" href="https://www.byton.com/redash/" onclick="_hmt.push(['_trackEvent', 'imagelink', 'click', 'Redash'])" target="_blank">
                            <img src="http://assets.youzhan.org/img/4/02/aa854814ed291b78d28f85f384ce9.jpg!md" width="531" alt="Redash" onload="imgLoaded(this)">
                        </a>
                    </div>
                    <div class="post-content">
                        <p>
                            <a href="https://redash.io/">Redash</a></p>
                    </div>
                </article>
            </div>


        </div>
        <nav class="pagination">
            <span class="page-number">第 1 页/共 89 页</span>
            <a class="older-posts" href="https://www.byton.com/page/2/">下一页 &rarr;</a>
        </nav>
    </div>



</main>

<div class="submit-site">
    <div class="container">
        <div class="submit">
            <p class="text-center">如果你的网站基于<a href="https://www.bootcss.com/" target="_blank">Bootstrap</a>构建、并且用心的设计，那就提交到 <a href="mailto:youzhan@bootcss.com">youzhan@bootcss.com</a> 在这里展示吧！</p>
            <p class="text-center">请注明“Bootstrap网站作品提交 -- 你的网址”</p>
        </div>
    </div>
</div>

<footer class="main-footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="title">友情链接</h4>
                    <div class="content tag-cloud friend-links">
                        <a href="https://www.bootcss.com/" title="Bootstrap中文网" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Bootstrap中文网'])" target="_blank">Bootstrap中文网</a>
                        <a href="https://www.quanzhanketang.com/" title="全栈课堂" onclick="_hmt.push(['_trackEvent', 'link', 'click', '全栈课堂'])" target="_blank">全栈课堂</a>
                        <a href="https://www.webpackjs.com/" title="Webpack中文网" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Webpack中文网'])" target="_blank">Webpack中文网</a>
                        <a href="https://www.nodeapp.cn/" title="Node.js中文文档" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Node.js中文文档'])" target="_blank">Node.js中文文档</a>
                        <a href="https://www.91php.com/" title="91PHP" onclick="_hmt.push(['_trackEvent', 'link', 'click', '91PHP'])" target="_blank">91PHP</a>
                        <a href="https://www.rollupjs.com/" title="Rollup中文文档" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Rollup中文文档'])" target="_blank">Rollup中文文档</a>
                        <a href="https://www.jquery123.com/" title="jQuery中文网" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'jQuery中文网'])" target="_blank">jQuery中文网</a>
                        <a href="https://www.npmjs.cn/" title="NPM中文文档" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'NPM中文文档'])" target="_blank">NPM中文文档</a>
                        <a href="https://www.sasscss.com/" title="SASS中文网" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'SASS中文网'])" target="_blank">SASS中文网</a>
                        <a href="https://www.golaravel.com/" title="Laravel中文网" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Laravel中文网'])" target="_blank">Laravel中文网</a>
                    </div>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="title">我们用到的技术</h4>
                    <div class="content tag-cloud">
                        <a href="https://www.bootcss.com/" title="Bootstrap中文网" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Bootstrap中文网'])" target="_blank">Bootstrap</a>
                        <a href="http://www.ghostchina.com/" title="Ghost中国" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Ghost中国'])" target="_blank">Ghost</a>
                        <a href="https://www.bootcdn.cn/" title="BootCDN" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'BootCDN'])" target="_blank">BootCDN</a>
                        <a href="http://www.gruntjs.net/" title="Grunt中文网" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Grunt中文网'])" target="_blank">Grunt</a>
                        <a href="https://www.jquery123.com/" title="jQuery中文文档" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'jQuery中文文档'])" target="_blank">jQuery</a>
                        <a href="https://www.lodashjs.com/" title="lodash中文网" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Lodash中文网'])" target="_blank">Lodash</a>
                        <a href="https://www.gulpjs.com.cn/" title="Gulp中文网" onclick="_hmt.push(['_trackEvent', 'link', 'click', 'Gulp中文网'])" target="_blank">Gulp</a>
                    </div>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="title">赞助商</h4>
                    <div class="content friend-links">

                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <span>Copyright &copy; <a href="http://www.youzhan.org">优站精选</a></span> |
                <span><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备11008151号</a></span>
            </div>
        </div>
    </div>
</div>


<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/handlebars@3.0.3/dist/handlebars.min.js"></script>

<script type="text/javascript" src="http://www.youzhan.org/assets/js/index.js?v=501376e68c"></script>
</body>
</html>